<div class="main">
  <nz-card style="margin-top: 20px; min-height: 780px;">
    <h3 style="font-size: 20px; font-weight: 700;">个人中心</h3>
    <nz-list style="border-bottom: 1px solid #f0f0f0">
      <nz-list-item>
        <nz-list-item-meta>
          <nz-list-item-meta-title>
            <div nz-row [nzGutter]="16">
              <div nz-col [nzSpan]="4" class="li-label">
                <span class="icon iconfont icon-shoujihao" style="color: #aaa"></span> 手机号码/账号
              </div>
              <div nz-col [nzSpan]="10">{{ infoData.phone }}</div>
              <div nz-col [nzSpan]="10">
                <span *ngIf="infoData.phone; else elsePhone"><i nz-icon [nzType]="'check-circle'" [nzTheme]="'fill'"
                    style="color: #52c41a"></i> 已绑定</span>
                <ng-template #elsePhone><i nz-icon [nzType]="'question-circle'" [nzTheme]="'fill'"
                    style="color: #ccc"></i> 未绑定</ng-template>
              </div>
            </div>
          </nz-list-item-meta-title>
        </nz-list-item-meta>
        <div class="item-btn"><a (click)="edit('phone')">修改</a></div>
      </nz-list-item>
      <nz-list-item>
        <nz-list-item-meta>
          <nz-list-item-meta-title>
            <div nz-row [nzGutter]="16">
              <div nz-col [nzSpan]="4" class="li-label">
                <span class="icon iconfont icon-mima" style="color: #aaa"></span> 账户密码
              </div>
              <div nz-col [nzSpan]="10">定期更换密码有助于账号安全</div>
              <div nz-col [nzSpan]="10">
                <span *ngIf="infoData.isPwd; else elsePwd"><i nz-icon [nzType]="'check-circle'" [nzTheme]="'fill'"
                    style="color: #52c41a"></i> 已设置</span>
                <ng-template #elsePwd><i nz-icon [nzType]="'question-circle'" [nzTheme]="'fill'"
                    style="color: #ccc"></i> 未设置</ng-template>
              </div>
            </div>
          </nz-list-item-meta-title>
        </nz-list-item-meta>
        <div class="item-btn"><a (click)="edit('password')">修改</a></div>
      </nz-list-item>
      <!-- <nz-list-item *ngIf="defaultCompany.enterpriseId"> -->
      <nz-list-item>
        <nz-list-item-meta>
          <nz-list-item-meta-title>
            <div nz-row [nzGutter]="16">
              <div nz-col [nzSpan]="4" class="li-label">
                <!-- <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1"
                  width="19px" height="23px">
                  <g transform="matrix(1 0 0 1 -345 -324 )">
                    <path
                      d="M 15.6123766269722 8.00244105491571  C 15.6119034283768 8.00244105491571  15.6114302297875 8.00244117202714  15.61095703125 8.00244140625  L 15.197197265625 8.00244140625  C 15.1815563889208 8.00244140625  15.168876953125 7.98976197045419  15.168876953125 7.97412109375  L 15.168876953125 5.885498046875  C 15.1737779288544 4.39846216264915  14.595081789561 2.96885593837806  13.55716796875 1.9039453125  C 12.7321123508105 1.05143460529325  11.655620403345 0.485695706108903  10.485546875 0.2896875  C 6.987421875 -0.313818359375  3.801953125 2.4227734375  3.801953125 5.97130859375  L 3.801953125 7.97412109375  C 3.801953125 7.98976197045419  3.78927368920419 8.00244140625  3.7736328125 8.00244140625  L 3.407451171875 8.00244140625  C 1.80531036111513 8.00259780422134  0.50660155486636 9.3014334003565  0.506601562499998 10.90357421875  L 0.506601562499998 19.88734375  C 0.506601562499998 21.489282355869  1.80522937670661 22.7879101700756  3.40716796875 22.7879101700756  L 15.579521484375 22.78791015625  C 17.1817432795434 22.7879101700756  18.48037109375 21.489282355869  18.48037109375 19.8873437638256  L 18.48037109375 10.874970703125  C 18.4803734804811 10.8734601705268  18.4803746738472 10.8719496362745  18.4803746738472 10.8704391017907  C 18.4803746738472 9.28648751795714  17.1963282108058 8.00244105491571  15.6123766269722 8.00244105491571  Z M 5.165859375 7.97412109375  L 5.16416015625 5.885498046875  C 5.16416015625 3.28484375  6.8866015625 1.56580078125  9.484140625 1.56580078125  C 10.7585546875 1.56580078125  11.718046875 1.963984375  12.583798828125 2.85494140625  C 13.430859375 3.72720703125  13.8035546875 4.66234375  13.8035546875 5.88521484375  L 13.8035546875 7.97412109375  C 13.8035546875 7.98976197045419  13.7908752517042 8.00244140625  13.775234375 8.00244140625  L 5.1941796875 8.00244140625  C 5.17853881079581 8.00244140625  5.165859375 7.98976197045419  5.165859375 7.97412109375  Z M 17.1215625 19.9156640625  L 17.1249609375 19.9156640625  C 17.1249609375 20.926982421875  16.622275390625 21.429384765625  15.61095703125 21  L 3.4111328125 21  C 2.55948707595672 21.429384765625  1.869091796875 20.7389894865433  1.869091796875 19.88734375  L 1.869091796875 11.115126953125  C 1.869091796875 10.1483643640389  2.65280772341387 9.3646484375  3.6195703125 9.3646484375  L 15.579521484375 9.3646484375  C 16.4311672209183 9.3646484375  17.1215625 10.0550437165817  17.1215625 10.906689453125  L 17.1215625 19.9156640625  Z "
                      fill-rule="nonzero" fill="#3370ff" stroke="none" transform="matrix(1 0 0 1 345 324 )" />
                  </g>
                </svg> -->
                <span class="icon iconfont icon-mima" style="color: #aaa"></span>  支付密码
              </div>
              <div nz-col [nzSpan]="10">定期更换支付密码有助于账号安全</div>
              <div nz-col [nzSpan]="10">
                <span *ngIf="ifHasPayPw; else elsePwd"><i nz-icon [nzType]="'check-circle'" [nzTheme]="'fill'"
                    style="color: #52c41a"></i> 已设置</span>
                <ng-template #elsePwd><i nz-icon [nzType]="'question-circle'" [nzTheme]="'fill'"
                    style="color: #ccc"></i> 未设置</ng-template>
              </div>
            </div>
          </nz-list-item-meta-title>
        </nz-list-item-meta>
        <div class="item-btn"><a (click)="edit('payPassword')">设置</a></div>
      </nz-list-item>
    </nz-list>

  </nz-card>
</div>